* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* background-color: rgba(0, 0, 0, 0.1); */
}

* {
	background: rgba(0, 0, 0, .1);

}

body {
	font-size: 14px;
	/* color: #444; */
}



div {
	margin-bottom: 30px;
}


.container {
	width: 1080px;
	max-width: 1080px;
	margin: 0 auto;
	display: block;

	/* background-color: rgba(0, 0, 0, 0.5); */
}


.lf {
	float: left;
}

.rf {
	float: right;
}



.clear-float::before,
.clear-float::after {
	content: '';
	display: block;
	clear: both;
}




/* p {
	background-color: #CCCCCC;
	width: 25%;
	float: left;
}
 */


.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-25 {

	display: block;
	position: relative;
	min-height: 1px;
	float: left;
	/* testing */
	margin-right: 0px;
}



.col-1 {
	width: 10%;
}

.col-2 {
	width: 20%;
}



.col-25 {
	width: 25%;
}

.col-3 {
	width: 30%;
}

.col-4 {
	width: 40%;
}

.col-5 {
	width: 50%;
}

.col-6 {
	width: 60%;
}

.col-7 {
	width: 70%;
}

.col-8 {
	width: 80%;
}

.col-9 {
	width: 90%;
}
